import React from 'react';
import ReactDOM from 'react-dom';
import { Menu, Icon } from 'antd';

//react-router路由部分引入

import {Router,Route,hashHistory,IndexRoute} from 'react-router';
import { Layout } from 'antd';
var Header = require('./modules/Header');
var Home = require('./Index/Home');
var Singer = require('./Singer/Singer');
var Album = require('./Album/Album');
var New=require('./Album/new');
var Hot=require('./Album/hot');
var Detail=require('./Album/detail');
var ClassifyMusic = require('./ClassifyMusic/ClassifyMusic');
var Detail = require('./Album/detail');
var Leaderboard = require('./Leaderboard/Leaderboard');
var Mv = require('./Mv/Mv');
var Mymusic = require('./Mymusic/Mymusic');
var Obj=require('./Mymusic/Like');
const SubMenu = Menu.SubMenu;

class Index extends React.Component {
  render() {
    return (
      <div>
            {/*<Header/>*/}
            <Router history={hashHistory}>
              <Route path="/" component={Home}/>         
              <Route path="/Singer" component={Singer}/>

              <Route path="/Album" component={Album}>
                <IndexRoute  component={Hot}/>
                <Route path="/Album/New" component={New}/>              
              </Route>

              <Route path="/Detail/:songId" component={Detail}/>

              

              <Route path="/ClassifyMusic" component={ClassifyMusic}/>
              <Route path="/Detail" component={Detail}/>
              <Route path="/Leaderboard" component={Leaderboard}/>
          
              <Route path="/Mv" component={Mv}/>
              <Route path="/Mymusic" component={Mymusic}>
                     <Route path='/Mymusic/Like' component={Obj.Like}>
                        <IndexRoute component={Obj.Muisc}/>
                        <Route path="/Mymusic/Like/2" component={Obj.MuiList}/>
                        <Route path="/Mymusic/Like/3" component={Obj.MuiList}/>
                        <Route path="/Mymusic/Like/4" component={Obj.MuiList}/> 
                     </Route>  
                    <Route path="/Mymusic/Songlist" component={Obj.Songlist}/>
                    <Route path="/Mymusic/Attention" component={Obj.Attention}/>
                    <Route path="/Mymusic/Fans" component={Obj.Fans}/>
                    <Route path="/Mymusic/Video" component={Obj.Video}/>
              </Route>
            </Router>
            
          
      </div>
    );
  }
}


ReactDOM.render(<Index/>, document.getElementById('root'));



